@CHARSET "UTF-8";

.clear{clear: both}

.thongbaoloi{
	color:#ff0000;
	text-align:center;
	margin-top:20;
	font-size:30;
}
.thongbaothanhcong{
	margin-top:0;
	color:#44aa44;
	text-align:center;
	font-size:30;
	background:#dddddd;
}
p{
	color: #3b5998;
	background-color:#ffffff;
	padding:6;
	border:1px solid #dddddd;
}
p1{
	color: #3b5998;
	background-color:#ffffff;
	padding:6;
	border:1px solid #dddddd;
}

a {
	padding:5;
    color: #3b5998;
    text-decoration: none;
    outline: none;
}

a:hover {
    color: #3b5998;
    text-decoration: underline;
}
a span{
	z-index: 99;

    display: none;

    padding: 5px 5px;

    margin-top: 42px;

    margin-left: -35px;

    position: absolute;

    min-width: 316px;

    line-height: 16px;

    border-radius: 6px;

    -moz-border-radius: 6px;

    -webkit-border-radius: 6px;

    -moz-box-shadow: 6px 6px 10px #CCC;

    -webkit-box-shadow: 6px 6px 10px #CCC;

    box-shadow: 6px 6px 10px #CCC;

    font-family: Calibri, Tahoma, Geneva, sans-serif;

    font-size: .8em;
}
*{
	font-size:14;
	font-family:arial;
	
}
.title{
	color:#ffffff;
	font-size:25;
	padding:5;
}

.button{
	float:right;
	width:40;
	PADDING:5;
	PADDING-LEFT:10;
	PADDING-RIGHT:10;
	margin-right:20;
	FONT-SIZE:14;
	FONT-STYLE:normal;
	FONT-WEIGHT:normal;
	DISPLAY:BLOCK;
	COLOR:#eeeeee;
	BACKGROUND:#3b5998;
	
}
.button:hover{
	float:right;
	width:40;
	PADDING:5;
	PADDING-LEFT:10;
	PADDING-RIGHT:10;
	margin-right:20;

	FONT-STYLE:NORMAL;
	FONT-WEIGHT:NORMAL;
	DISPLAY:BLOCK;
	COLOR:#FFF;
	BACKGROUND:#3b6bab;
	text-decoration:none;
}

/* FRAME --------------------------------------------*/
#mainWap{
	
	width:100%;
	background:#E9EAED;
}

#header{
	margin-top:-8;
	margin-left:-8;
	position:fixed;
	width:100%;
	height:36;
	
	pading:5px; 
	border:2px solid #3b59aa;
	background:#3b5998;
	 box-shadow: 0 2px 2px rgba(20, 20, 20, 0.2);
}

#left{
	position:fixed;
	margin-top:35;
	margin-left:-8;
	width:280;
	height:100%;
	background:#ffffff;
	border-right:1px solid #bbbbbb;
	float:left;
}

#center{
	
	padding-top:44;
	width:940;
	float:right;
	background:#ffffff;
	
}
#right{
	
}

#footer{
	height:1000;
	bgcolor:#384783;
}

/*menu and search */

#MENU{
    margin-top:-8;
    margin-left:10;
}
#MENU LI{
	
	LIST-STYLE:NONE;
	FLOAT:RIGHT;
}
#MENU LI A,.button{
	
	PADDING:5;
	PADDING-LEFT:10;
	PADDING-RIGHT:10;
	MARGIN:1;
	FONT-SIZE:14;
	FONT-STYLE:normal;
	FONT-WEIGHT:normal;
	DISPLAY:BLOCK;
	COLOR:#eeeeee;
	BACKGROUND:#3b5998;
	
}
#MENU LI A:HOVER,.button:hover{
	
	PADDING:5;
	PADDING-LEFT:10;
	PADDING-RIGHT:10;
	MARGIN:1;

	FONT-STYLE:NORMAL;
	FONT-WEIGHT:NORMAL;
	DISPLAY:BLOCK;
	COLOR:#FFF;
	BACKGROUND:#3b6bab;
	text-decoration:none;
}
#searchbar{
	margin-top:7;
	margin-left:280;
	float:left;
	width:400;
}

/*Post ----------------------------------*/
.postframe{
	width:550;
	margin:15;
	margin-top:0;
	margin-bottom:0;
	padding:5;
	border-top: 1px solid #bbbbbb;
	/* border-right: 1px solid #bbbbbb; */
}	
.userinfoframe,.leftuserinfoframe{
	
	width:400;
	background:#ffffff;
}
.leftuserinfoframe{
	
	width:280;
	background:#ffffff;
}
.userinfodetailframe{
	width:240;
	background:#EDEFF4;
	margin:10;
	padding:10;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
    box-shadow: 0 2px 2px rgba(20, 20, 20, 0.2);
}
.profileImage{
	float:left;
	margin:10;
	width:60;
	height:60;
}
.profileName{
	float:left;
	margin-top:10;
	height:15;
	font-weight:bold;
}
.posttofriend{
	float:left;
	margin-top:15;
	height:15;
	width:15;
	BACKGROUND:#565868 url(Images/postfriend.png) repeat;
}
.postcontent{
	float:inherit;
	width:550;
	margin:10;
	text-align:justify;
	
}
.postimage{
	width:400;
	margin:5;
	margin-left:100;
	align:center;
	
}
.postaction{
	margin-left:5;
	width:550;
	border: 1px solid #eeeeee;
	background:#EDEFF4;
}


.postactionelement{
	font-weight:normal;
	font-size:11;
	float:left;
	margin:2;
	
}
.posttime{
	padding:5;
	float:right;
	font-size:11;
	color:#999999;
	margin:2;
}
/*Insert form-------------------------------------*/
.insertframe{
	width:550;
	margin:15;
	margin-top:0;
	margin-bottom:10;
	padding:15;
	
}
.insertInput{
	margin:5;
	width:550;
	height:60;
	max-height:60px;
    max-width:550px
    text-overflow: ellipsis;
    overflow: auto;
}
/*Call out-----------------------------------------*/
.calloutframe{
	background: #EDEFF4;
	width:240;
	height:100;
	border: 1px solid #eeeeee;
	
}

	